

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">

<html>
<head>
<script type="text/javascript" src="helpman_topicinit.js"></script>

<title>Using the Image Manager [Enterprise Architect User Guide]</title>

<meta name="keywords" content="Enterprise Architect, Sparx Systems, UML, Bitmap Image,Bitmap Image In Diagrams,Image Manager,Image Manager Use,Image Manager Select Alternative Image For Element,Select,Select Alternative Image,Alternative Image,Alternative Image Select,Alternative Image For Element,Alternative Image In Diagram,Refresh,Refresh Image,Store,Store Image In Enterprise Architect,Image,Image Select Alternative,Image Refresh,Image Store In Enterprise Architect,Diagram,Diagram Alternative Image For Element,Element,Element Alternative Image">
<meta http-equiv="Content-Type" content="text/html; charset=ISO-8859-1" />
<meta http-equiv="Content-Style-Type" content="text/css" />

<link type="text/css" href="default.css" rel="stylesheet" />
<style type="text/css">
  A, A:Visited
  {
    color: #00F;
  }

  A:Active, A:Hover
  {
    color: #F00;
  }

  OL
  {
    margin: 5px 0 5px 48px;
  }

  UL
  {
    margin-bottom: 3px;
    margin-top: 0;
  }

  #nsr
  {
    background-color: #D4DFFF;
  }

  #nsr A
  {
    text-decoration: none;
  }

  #mainbody
  {
    padding: 8px;
  }

  .p_BodyText
  {
    padding: 5px 0;
  }
</style>



<style type="text/css" media="screen">
  BODY
  {
    background-color: #FFFFFF;
  }

  #nsr
  {
    padding: 6px 6px 0 6px;
    border-bottom: none;
    vertical-align: top;
    z-index: 2;
    visibility: visible;
    left: 0;
    top: 0;
    position: absolute;
  }

  #mainbody
  {
    left: 0;
    top: 0;
    margin: 0;
    position: absolute;
    padding: 10px;
    overflow: auto;
    height: 100%;
    z-index: 1;
    background-repeat: no-repeat;
    background-position: bottom right;
    background-attachment: fixed;
  }
</style>

<style type="text/css" media="print">
  #nsr
  {
    visibility: none;
  }

  #mainbody
  {
    overflow: visible;
  }
</style>
<script type="text/javascript" language="JavaScript" src="nonscroll.js"></script>

</head>
<body scroll="no">

<div id="page">



        <div id="content">
          <div id="content-inner">
          



  
          <div id="nsr">
            <table border="0" cellspacing="0" cellpadding="4" width="100%">
              <tr valign="top">
                <td align="left">
  


                  <p class="p_Heading1"><span class="f_Heading1">Using the Image Manager</span></p>



  
                </td>
                <td align="right">
                  <a href="introduction.htm" onmouseover="document.images.main.src='button_main_h.gif'" onmouseout="document.images.main.src='button_main.gif'">
                    <img name="main" src="button_main.gif" border=0 alt="Return to Introduction">
                  </a>&nbsp;
    
                  <a href="swimlanes_matrix.htm" onmouseover="document.images.prev.src='button_prev_h.gif'" onmouseout="document.images.prev.src='button_prev.gif'">
                    <img name=prev src="button_prev.gif" border=0 alt="Previous page" />
                  </a>&nbsp;
    
    
    
                  <a href="createcustomdiagrambackgrou.htm" onmouseover="document.images.next.src='button_next_h.gif'" onmouseout="document.images.next.src='button_next.gif'">
                    <img name=next src="button_next.gif" border=0 alt="Next page" />
                  </a>
    
    
                </td>
              </tr>
            </table>
          </div>
          <div id="mainbody">
  


                <p class="p_BodyText"><span class="f_BodyText">The </span><span class="f_UIControl">Image Manager</span><span class="f_BodyText"> dialog enables you to insert alternative images in diagrams, rather than inserting standard UML elements. For example, you might want to place a <a href="createcustomdiagrambackgrou.htm">custom background image</a> on a diagram, or display a custom image such as a Router or PC on a UML element.</span></p>
<div style="text-align: left; text-indent: 0px; padding: 0px 0px 0px 0px; margin: 5px 0px 5px 13px;"><table cellspacing="0" cellpadding="2" border="0" style="border: none; border-spacing:0px;">
<tr style="text-align:left;vertical-align:bottom;">
<td valign="bottom" width="952" bgcolor="#efeff7" style="width:952px; background-color:#efeff7;"><p class="p_TiporNote" style="border-top: none; border-right: none; border-left: none;"><span class="f_TiporNote">Notes:</span></p>
</td>
</tr>
<tr style="text-align:left;">
<td width="952" bgcolor="#f7f7ff" style="width:952px; background-color:#f7f7ff;"><ul style="text-indent: 0px; margin-left: 14px; list-style-position: outside;">
<li><span class="f_TiporNoteText">For elements with lifelines, such as those used on Sequence diagrams, the Lifeline must remain intact to enable messages to be created between the elements. Therefore such elements cannot have alternative images. </span></li>
<li><span class="f_TiporNoteText">In the Corporate, Business and Software Engineering, Systems Engineering and Ultimate editions of Enterprise Architect, if security is enabled you must have </span><span class="f_MenuKeyField"><a href="permissionlist.htm">Configure Images</a></span><span class="f_TiporNoteText"> permission to configure alternative element images.</span></li>
</ul>
</td>
</tr>
</table>
</div>
<p class="p_BodyText"><span class="f_BodyText">To display the </span><span class="f_UIControl">Image Manager</span><span class="f_BodyText"> dialog, either:</span></p>
<ul style="text-indent: 0px; margin-left: 30px; list-style-position: outside;">
<li><span class="f_Bulletlist1">Right-click on the element within the diagram and, from the context menu, select the </span><span class="f_MenuKeyField">Appearance | Alternate Image</span><span class="f_Bulletlist1"> option, or</span></li>
<li><span class="f_Bulletlist1">Select the element in the diagram and press </span><span class="f_MenuKeyField">[Ctrl]+[Shift]+[W]</span><span class="f_Bulletlist1">.</span></li>
</ul>
<p class="p_TextIndentedL2"><img src="imagemanager.png" width="605" height="394" border="0" alt="ImageManager"></p>
<p class="p_BodyText"><span class="f_BodyText">To locate and display an image, click on individual image filenames, or press</span><span class="f_BodyText" style="font-weight: bold;"> [</span><span class="f_BodyText" style="font-family: 'Wingdings 3'; font-weight: bold;">#</span><span class="f_BodyText" style="font-weight: bold;">] </span><span class="f_BodyText">and</span><span class="f_BodyText" style="font-weight: bold;"> [</span><span style="font-family: 'Wingdings 3'; font-weight: bold;">$</span><span class="f_BodyText" style="font-weight: bold;">] </span><span class="f_BodyText">to scroll through the list of images. As you highlight each image filename, the </span><span class="f_UIControl">Preview</span><span class="f_BodyText"> panel changes to reflect the image. Double-click on the required image filename to display the image in full size.</span></p>
<p class="p_BodyText"><span class="f_BodyText">On the</span><span class="f_UIControl"> Image Manager</span><span class="f_BodyText"> dialog, the following buttons are available:</span></p>
<div style="text-align: left; text-indent: 0px; padding: 0px 0px 0px 0px; margin: 5px 0px 5px 13px;"><table cellspacing="0" cellpadding="0" border="0" style="border: none; border-spacing:0px; border-collapse: collapse;">
<tr style="text-align:left;vertical-align:top;">
<td valign="top" width="155" bgcolor="#e3e6ed" style="width:155px; background-color:#e3e6ed; border: solid 1px #000000;"><p class="p_Tableheader"><span class="f_Tableheader">Option &amp; Function Keys</span></p>
</td>
<td valign="top" width="543" bgcolor="#e3e6ed" style="width:543px; background-color:#e3e6ed; border: solid 1px #000000;"><p class="p_Tableheader"><span class="f_Tableheader">Use to</span></p>
</td>
</tr>
<tr style="text-align:left;vertical-align:top;">
<td valign="top" width="155" style="width:155px; border: solid 1px #000000;"><p class="p_Tabletext"><span class="f_Tabletext" style="font-weight: bold;">View&nbsp; [Alt]+[V]</span></p>
</td>
<td valign="top" width="543" style="width:543px; border: solid 1px #000000;"><p class="p_Tabletext"><span class="f_Tabletext">Display the selected image in full size.</span></p>
</td>
</tr>
<tr style="text-align:left;vertical-align:top;">
<td valign="top" width="155" style="width:155px; border: solid 1px #000000;"><p class="p_Tabletext"><span class="f_Tabletext" style="font-weight: bold;">Add New&nbsp; [Alt]+[A]</span></p>
</td>
<td valign="top" width="543" style="width:543px; border: solid 1px #000000;"><p class="p_Tabletext"><span class="f_Tabletext">Browse appropriate directories to search for and import new images.</span></p>
<p class="p_Tabletext"><span class="f_Tabletext">You can import images in .BMP, .PNG, .EMF, .WMF, .TGA, .PCX or .JPG format. Internally, Enterprise Architect stores the images in .PNG or metafile format to conserve space.</span></p>
</td>
</tr>
<tr style="text-align:left;vertical-align:top;">
<td valign="top" width="155" style="width:155px; border: solid 1px #000000;"><p class="p_Tabletext"><span class="f_Tabletext" style="font-weight: bold;">Update Selected&nbsp; [Alt]+[U]</span></p>
</td>
<td valign="top" width="543" style="width:543px; border: solid 1px #000000;"><p class="p_Tabletext"><span class="f_Tabletext">Refresh the selected image; for example, after it has been modified.</span></p>
</td>
</tr>
<tr style="text-align:left;vertical-align:top;">
<td valign="top" width="155" style="width:155px; border: solid 1px #000000;"><p class="p_Tabletext"><span class="f_Tabletext" style="font-weight: bold;">Delete&nbsp; [Alt]+[D]</span></p>
</td>
<td valign="top" width="543" style="width:543px; border: solid 1px #000000;"><p class="p_Tabletext"><span class="f_Tabletext">Delete the selected image.</span></p>
<p class="p_Tabletext"><span class="f_Tabletext">A message displays to indicate how many elements use the image. Click on the </span><span class="f_MenuKeyField">Continue</span><span class="f_Tabletext"> button to delete information about the image from those elements, which then revert to their previous appearance.</span></p>
</td>
</tr>
<tr style="text-align:left;vertical-align:top;">
<td valign="top" width="155" style="width:155px; border: solid 1px #000000;"><p class="p_Tabletext"><span class="f_Tabletext" style="font-weight: bold;">Close</span></p>
</td>
<td valign="top" width="543" style="width:543px; border: solid 1px #000000;"><p class="p_Tabletext"><span class="f_Tabletext">Close the </span><span class="f_UIControl">Image Manager</span><span class="f_Tabletext"> dialog.</span></p>
</td>
</tr>
<tr style="text-align:left;vertical-align:top;">
<td valign="top" width="155" style="width:155px; border: solid 1px #000000;"><p class="p_Tabletext"><span class="f_Tabletext" style="font-weight: bold;">OK&nbsp; [Alt]+[O]</span></p>
</td>
<td valign="top" width="543" style="width:543px; border: solid 1px #000000;"><p class="p_Tabletext"><span class="f_Tabletext">Confirm selection of the alternative image for the element selected in the diagram.</span></p>
</td>
</tr>
</table>
</div>
<div style="text-align: left; text-indent: 0px; padding: 0px 0px 0px 0px; margin: 5px 0px 5px 13px;"><table cellspacing="0" cellpadding="2" border="0" style="border: none; border-spacing:0px;">
<tr style="text-align:left;vertical-align:bottom;">
<td valign="bottom" width="952" bgcolor="#efeff7" style="width:952px; background-color:#efeff7;"><p class="p_TiporNote" style="border-top: none; border-right: none; border-left: none;"><span class="f_TiporNote">Notes:</span></p>
</td>
</tr>
<tr style="text-align:left;">
<td width="952" bgcolor="#f7f7ff" style="width:952px; background-color:#f7f7ff;"><ul style="text-indent: 0px; margin-left: 14px; list-style-position: outside;">
<li><span class="f_TiporNoteText">If you are creating many elements of the same type that have a particular image, you should use a <a href="stereotypedlg.htm">custom stereotype</a> with an associated metafile</span></li>
<li><span class="f_TiporNoteText">You can transport image files between models, using the <a href="exportrefdata.htm">Export Reference Data</a> and <a href="importrefdata.htm">Import Reference Data</a> options on the </span><span class="f_MenuKeyField">Tools</span><span class="f_TiporNoteText"> menu.</span></li>
</ul>
</td>
</tr>
</table>
</div>




            </div>
          </div>
        </div>



</div>


</body>
</html>
